*{margin:0;padding:0;}
body {font-family:"微软雅黑",arial;background:#f7f2eb;}

ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
em,i,strong{ font-style:normal; font-weight:normal;}
table {    border-collapse: collapse;border-spacing: 0;}
img{border:none;}
a{text-decoration: none;color:#444;}
.fl{float:left;}
.fr{float:right;}
.Pr {    position: relative;}
.Pa {    position: absolute;}
button{cursor:pointer;}
button:hover{color:#0f75bc;}

/*去除Chrome等浏览器文本框默认发光边框*/
.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
input:focus, textarea:focus { outline: none; }
input,textarea { font-family: "microsoft yahei";}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {outline:none;}
/*禁止拖动大小*/
textarea{resize:none}
/* 去掉 table cell 的边距并让其边重合 */
table { border-collapse:collapse;border-spacing:0;}
/* ie bug：th 不继承 text-align */
th {text-align:inherit;}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}

 /*使用字体库时，让i标签继承行高*/
i{line-height: inherit!important ; font-size:inherit }

/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,input:focus,p:focus,div:focus{
/*-webkit-user-modify:read-write-plaintext-only; */
}
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }

/*返回顶部样式*/
#gotop{right: 10px;bottom: 50px;font-size: 4em;height: 1em;width: 1em;cursor: pointer;position: fixed;opacity: 0;z-index: 9999;display: none;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

html body{ font-size:16px; background:#fff;}

/*导航样式 基础样式*/
.header_box{ width:100%;height:6.25rem;background: #fff;}
/*.nav1 a{display: block;width: 100%;}*/
.logo{ width:100%; height:6.25rem; max-width:1200px; margin:0 auto; display:flex; position:relative;}
.logo .logo_img{ display:block; width:30%;  height:3.75rem; padding-top:1.25rem;}
.logo .logo_img img{ display:block; width:auto; height:3.75rem; margin:0 auto;}
.sg_tel{ display:flex; height:3rem; position:absolute; right:0; top:1.625rem;}
.sg_tel_img { margin-right:1rem;}
.sg_tel_img img{ display:block; width:auto; height:3rem;}
.sg_tel_dh{ height:3rem; color:#333; font-weight:bold;}
.sg_tel_dh p{ font-size:1rem; line-height:1.4rem; }
.sg_tel_dh div{ font-size:1.5rem; line-height:1.6rem;}
.sg_tel_dh div a{ color:#c00;}

.nav2 {z-index: 9999;}
.nav2>li a{-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

/*导航样式可变样式*/

.btn1{display: none; 
     position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.btn2{display: none;}

/* red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁
 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁
  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁    red 补丁 red 补丁 red 补丁 red 补丁
   red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/ 
,.header7_box,.content_box,.now_place,.nav_n_ul,.product_xq{ margin-left: auto;margin-right: auto; clear:both;}


/*当页面大于767时，导航样式 hover伪类都写在这里    于大于大于大于大于大于大于*/
@media only screen and (min-width: 768px){

/*导航样式基础样式*/

.nav1{ width:100%; float:right; text-align: center; position:relative; z-index:999; display:flex; font-size:1rem; background:url(../images/ind_11_1.jpg) repeat center;}
.nav_ul{width: 100%; max-width:1200px; margin:0 auto; height:4rem; line-height:4rem;}

.nav_ul>li{ width:10%; height:100%; margin:0 1.25%; float: left;overflow: hidden;position: relative;z-index: 999;text-align: center;}
.nav_ul>li>a{ display:block; width:100%; height:100%; color: #fff;position: relative; transition: all 0.4s; color:#fff;}
.nav2 { width:100%; height:auto;position: absolute; z-index:999999; opacity: 0;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;background: #fff; font-size:.875rem; box-shadow:0 0 2px #ccc; text-align:center;}
.nav2>li{width:100%;  height:2.4rem; line-height:2.4rem;}
.nav2>li>a{ width:100%; display: block;height:2.4rem; text-align:center;line-height: 2.4rem;color: #333;text-overflow:ellipsis;white-space:nowrap;}


/*导航选中样式*/
.nav_ul li.xz1>a{color:#fff; background:#ff8a00;}

/*导航经过基础样式*/
.nav_ul>li:hover{overflow:visible; }
.nav_ul>li:hover .nav2{opacity: 1;z-index: 9999;}

/*导航经过可变样式*/
.nav_ul>li:hover>a{ background:#ff8a00;}
.nav2>li:hover a{ background:#ff8a00; color:#fff;}






@keyframes to_up{
	0%{opacity: 0;bottom: 0.1em;}
	100%{opacity: 1;bottom: -0.4em;}
}


}

/*当页面大于1200px时，大屏幕，主要显示PC端 补丁补丁补丁补丁补丁补丁补丁补丁*/
@media only screen and (min-width: 1200px) {



/*导航可变样式*/



/*当页面大于1200px时，大屏幕，主要显示PC端  red 补丁 red 补丁 red 补丁 red 补丁*/
}
/*当页面小于1200px时，小屏幕，小于小于小于小于小于小于小于小于小于小于小于小于*/
@media only screen and (max-width: 1200px) {



}

/*当页面小于767px时，小屏幕，导航样式  于小于小于小于小于小于小于小于小于小于小于*/
@media only screen and (max-width: 767px) {
.content_box,.now_place,.nav_n_ul{width: 90%;}
/*导航样式*/
.sg_tel{ display:none;}
.nav1{width: 100%; display: none;clear: both;position: absolute;top: 5rem; z-index: 111;}
.nav_ul{background:#ff8a00;}
.nav_ul li{ position:relative;}
.nav_ul a{text-indent: 1em;display: block;}
.nav_ul>li>a{line-height: 2.5rem;font-size: 1.125rem;border-bottom: 1px solid rgba(255,255,255,0.5); color:#fff;}
.btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
.btn1{width: 2em; font-size: 2rem;height: 2rem; margin-top:1.5rem;}
.btn2{ width:3rem; height: 2.4rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9;}
.btn2 i{font-size: 1.3em;color:#fff;}
.nav2 { display: none;}
.nav2>li>a{color: #fff;line-height: 2.4rem;margin-left: 2em;text-indent: 0;
	width: 86%;margin-left: auto;margin-right: auto;
 border-bottom: 1px dashed rgba(255,255,255,0.4); font-size: 0.875rem;
}
/*导航可变样式*/
.header_box{ height:5rem;}
.logo{width: 70%; height:100%;  padding:0; margin:0;}
.logo .logo_img{ display:block;  width:100%; height:100%; padding-top:0;}
.logo .logo_img img{ display:block; width:auto; margin-left:2%; height:3rem; margin-top:1rem;}
.lx_yxdh{ display:none; margin:0; padding:0;}



/*当页面小于767px时，小屏幕，导航样式  于小于小于小于小于小于小于小于小于小于小于*/
}


/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
/*html{font-size: 14px}*/

/*导航样式*/
.sg_tel{ display:none;}
.nav1{width: 100%; display: none;clear: both;position: absolute;top: 5rem; z-index: 111; background: none; background:#ff8a00;}
.nav_ul{background:#ff8a00;}
.nav_ul li{ position:relative; width:100%; margin:0; border-bottom:1px solid #ccc; height:2.5rem;}
.nav_ul a{text-indent: 1em;display: block;}
.nav_ul>li>a{line-height: 2.5rem;font-size: 1.125rem;border-bottom: 1px solid rgba(255,255,255,0.5); color:#fff;}
.btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
.btn1{width: 2em; font-size: 2rem;height: 2rem; margin-top:1.5rem;}
.btn2{ width:3rem; height: 2.4rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9; display:none;}
.btn2 i{font-size: 1.3em;color:#fff;}
.nav2 { display: none;}
.nav2>li>a{color: #fff;line-height: 2.4rem;margin-left: 2em;text-indent: 0;
	width: 86%;margin-left: auto;margin-right: auto;
 border-bottom: 1px dashed rgba(255,255,255,0.4); font-size: 0.875rem;
}
/*导航可变样式*/
.header_box{ height:5rem;}
.logo{width: 70%; height:100%;  padding:0; margin:0;}
.logo .logo_img{ display:block;  width:100%; height:100%; padding-top:0;}
.logo .logo_img img{ display:block; width:auto; margin-left:2%; height:3rem; margin-top:1rem;}
.lx_yxdh{ display:none; margin:0; padding:0;}

}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media only screen and (min-width: 480px) and (max-width: 767px){
/*html{font-size: 20px;}*/


.logo{width: 32%;height: 48px;margin-bottom: 32px;}


/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/
}